/*首页思路分析 

1.a标签点击高亮
2.网页嵌套功能（a标签+iframe标签）
3.初始化数据
4.退出功能
5.搜索功能(做完整个项目,最后大家课后自行实现：根据学号搜索学员)
*/
// 获取本地储存里面的CMSTOKEN
// 如果没有登录 不能访问首页Vue路由导航守卫
const token = localStorage.getItem('CMSTOKEN')
if(!token){
  alert('你还没登陆呢')
  location.href = './login.html'
}
/*点击 点我的初始化数据按钮 得到初始化数据
  1.获取按钮 注册事件
  2.发送ajax获取数据*/
  document.querySelector('.init').addEventListener('click',function(){
    axios({
      url:'/init/data',
      headers:{
        Authorization:token
      }
    }).then(({ data:res }) => {
      // console.log(res)
      if (res.code !==0) return Toast.fail(res.message)
      Toast.success(res.message)
      // 让网页自动刷新
      location.reload()
    })
  })

  /*退出功能
  1.获取退出按钮 注册事件
  2.删除localStorage里面CMSTOKEN
  3.跳转到登陆页面*/
  document.querySelector('.logout').addEventListener('click',function(){
    if (confirm('确定要退出吗？')){
      localStorage.removeItem('CMSTOKEN')
      location.href = './login.html'
    }
  })

  /*点击左侧的菜单 点谁让谁高亮 
  1.获取指定的a标签得到伪数组
  2.遍历数组注册点击事件
  3.被点击的这个元素需要添加active的类名
  4.将带有active类名找到 将active类名移出*/
  document.querySelectorAll('.nav ul a').forEach(item => {
    item.addEventListener('click',function(){
      document.querySelector('.nav ul a.active').classList.remove('active')
      this.classList.add('active')
    })
  })



